<template>
  <div id="success">
    <headerTitle :text="title"></headerTitle>

    <div class="successImg">
      <img src="../../assets/img/success_icon.png" alt="">
    </div>

    <div class="info">
      <p class="fontSize20">{{con}}</p>
      <p class="fontSize16">{{infos}}</p>
    </div>
    
    <div m-role="UIbtn" @click="back">
      {{btn}}
    </div>
  </div>
</template>

<script>
  import headerTitle from './header.vue'
  export default {
    name: 'success',
    data () {
      return {
        msg: 'success',
        infos:'申请成功，请等待审核',
        con:'恭喜你',
        title:'申请成功',
        btn:'返回'
      }
    },
    methods:{//方法
      back(){
        this.$router.go(-1)
      }
    },
    computed:{//计算  引入vuex里的state数据

    },
    mounted(){//组件加载完执行
      
    },
    watch:{//监听数据，某数据改变时触发事件

    },
    components:{//引入组件
      headerTitle
    },
    destroyed(){//离开组件

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
